<!DOCTYPE HTML>
<html>
<head>
<title>Home</title>
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="css/about.css" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<link href='http://fonts.googleapis.com/css?family=Italiana' rel='stylesheet' type='text/css'><script src="js/jquery-1.11.1.min.js"></script>
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,800italic,800,700italic,700,600italic,600,400italic,300italic,300' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,200,300,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="css/font-awesome.min.css" />

<script src="js/bootstrap.js"></script>
<script src="js/responsiveslides.min.js"></script>
 <script>
    $(function () {
      $("#slider").responsiveSlides({
      	auto: true,
      	nav: true,
      	speed: 500,
        namespace: "callbacks",
        pager: true,
      });
    });
  </script>

</head>
<body>
		<!--header-->
			<div class="header">
				<div class="container">
					<div class="header-top">
						<nav class="navbar navbar-default">
							<div class="container-fluid">
    <!-- Brand and toggle get grouped for better mobile display -->
								<div class="navbar-header">
									  <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
											<span class="sr-only"></span>
											<span class="icon-bar"></span>
											<span class="icon-bar"></span>
											<span class="icon-bar"></span>
									  </button>
									<div class="navbar-brand">
										<h1><a href="index.html"><span>去</span> 旅行</a></h1>
									</div>
								</div>

    <!-- Collect the nav links, forms, and other content for toggling -->
							<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
							  <ul class="nav navbar-nav">
									<li class="active"><a href="index.html">首页 <span class="sr-only">(current)</span></a></li>
									<li><a href="about.html">关于</a></li>
									<li><a href="contact.html">联系我们</a></li>
								</ul>
							  
							</div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
						</nav>

					</div>
			<div class="slider">
				<div class="callbacks_container">
					<ul class="rslides" id="slider">
						 <li>	 
							<div class="caption">
								<h3>来一场 <span>说走就走的旅行</span> </h3>
							</div>
						 </li>
						 <li>
							<div class="caption">						 
							<h3>去看 <span>更广阔的世界</span> </h3>
							</div>
						</li>
						 <li>	          
							<div class="caption">
								<h3>去欣赏 <span>大自然的风景</span> </h3>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
<!--header-->
<!--about-->
	<div class="content w3layouts-agileinfo">
		<div class="about wthree-agile">
			<div class="container">
				<div class="header-bottom">
					<div class="header-grids w3ls-agileits">
						<div class="col-md-4 header-grid">
							<div class="header-bg">
								<img src="images/p1.jpeg" class="img-responsive" alt="">
								<h4>北纬18度，世上最美的一条纬度</h4>
								<p>关于大海的记忆，最早出现在我小时候的梦境里，那时候我对它其实一无所知，只记得梦里那汹涌澎拜的潮水声

</p>
							</div>
						</div>
						<div class="col-md-4 header-grid">
							<div class="header-bg">
								<img src="images/p2.png" class="img-responsive" alt="">
								<h4>飘雪的季节 浪漫山东行</h4>
								<p>夏日骄阳似火，小河的水却依然清澈明静，冰凉彻骨。白天，孩子们在水中嬉水。夜晚，草丛中各种各样的虫叫声和流水声，组成了美妙的乐曲。</p>
							</div>
						</div>
						<div class="col-md-4 header-grid">
							<div class="header-bg">
								<img src="images/p3.jpg" class="img-responsive" alt="">
								<h4>我以情深一场，爱这壮美的新疆</h4>
								<p>言归正传，正是因为新疆的大、新疆的神秘，才会吸引无数人心驰神往</p>
							</div>
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
			</div>
		</div>
			
				<!--services-->
		<div class="new-course w3layouts-agileinfo">
			<div class="container">
				<h3>推荐景点</h3>
					<div class="new-course-grids">
					<div class="col-md-6 new-course-grid">
						<img src="images/p7.jpg" class="img-responsive" alt=""/>
						<div class="course-info">
							<h4>巴厘岛</h4>
							<p>这里有游客，却不像游客，大家简单随性的装扮，骑着机车飞来飞去，遇到心仪的小店就停下，悠闲地喝咖啡晒太阳，这里甚至没有一个地标性的景点用来给游客打卡拍照。</p>
						</div>
					</div>
					<div class="col-md-6 new-course-grid">
						<img src="images/p8.jpg" class="img-responsive" alt=""/>
						<div class="course-info">
							<h4>加利福</h4>
							<p>美国西部适合第一次旅游时间不是很充裕情况，美国东部频发的夏季飓风或冬季暴雪，尤其在冬季，它独特的自然风光和风土人情是非常吸引人的</p>
						</div>
					</div>
					<div class="clearfix"></div>
					</div>
					<div class="new-course-grids1">
					<div class="col-md-6 new-course-grid">
						<img src="images/p9.jpg" class="img-responsive" alt=""/>
						<div class="course-info">
							<h4>芝加哥</h4>
							<p>Joseph Parry说的这句经典的名言一样，只有经得住时间考验的 友谊 才是最好的而在 芝加哥 就有这么一家温暖的餐厅，他的名字就很好地诠释了这家餐厅的主题</p>
						</div>
					</div>
					<div class="col-md-6 new-course-grid">
						<img src="images/p10.jpg" class="img-responsive" alt=""/>
						<div class="course-info">
							<h4>埃及</h4>
							<p>十九世纪以来，亚历山大港航运逐步恢复，城市也再度兴旺，逐渐作为埃及最开放的城市，城市景观更现代，城市环境、卫生及市民精神面貌更西化，有“地中海新娘”的美誉。</p>
						</div>
					</div>
					<div class="clearfix"></div>
					</div>
			</div>
		</div>
		<!--services-->
		<div class="testimonial w3layouts-agileinfo">
			<div class="container">
			<div class="testimonial-grids w3ls-agileits">
				<div class="col-md-4 testimonial-grid">
					<h3>吃喝</h3>
					<div class="testimonial-info">
						<p><span>"</span> 美式芝士汉堡 , 无敌红丝绒芝士蛋糕 , 餐前面包 , 牧羊人派 , 香草柠檬烤鸡 , 鸡肉蒜香柠檬奶油意大利细面 , 戴安牛排配大虾 , 清新唤颜沙拉 , 鲜草莓芝士蛋糕 , 三十周年纪念巧克力芝士蛋糕 , LUAU夏威夷盛宴沙拉 , 虾和鸡肉杂烩浓汤饭 , 酿蘑菇 , 布法罗香辣鸡翅</p>
						<h5>美食one</h5>
					</div>
					<div class="testimonial-info">
						<p><span>" </span>松露面包 , 新加坡牛肋排 , 油封松露羊排 , 鹅肝巧克力派 , 香烟鹅肝 , 叫化小牛腿</p>
						<h5>美食two</h5>
					</div>
					<div class="testimonial-info">
						<p><span>" </span>糖醋小排 , 奔跑的猪排 , 黄袍滑蛋大虾饭 , 土猪鲜肉小笼包 , 荠菜大馄饨 , 上海酸辣汤 , 特色葱油拌面 , 白灼芥兰 , 风沙小黄鱼 , 蟹粉小笼汤包 , 上海炸猪排 , 五小福 , 葱油饼 , 麻婆豆腐 , 红油抄手 , 香港海鲜担担面 , 野荠菜鲜肉馄饨 , 小笼包全家福 , 金桂酒酿圆子 , 麻辣馄饨小面 , 冲出宇宙的猪排</p>
						<h5>美食three</h5>
					</div>
				</div>
					<div class="col-md-8 testimonial-grid-right">
					<h3>玩乐</h3>
						<div class="Works-grids">
						<div class="col-md-4 Works-grid">
							<img src="images/e1.jpg" class="img-responsive" alt=""/>
						<p>很方便，门前有很多公交车，有直达江滩和码头的，地铁站走路10分钟左右。酒店也有自己的停车场，住店客人免费停车。</p>
						</div>
						<div class="col-md-4 Works-grid">
							<img src="images/e2.jpg" class="img-responsive" alt=""/>
						<p>从上海乘坐火车前往太原，山西省的省会城市。抵达太原后，您可以选择乘坐公交车或出租车前往酒店入住</p>
						</div>
						<div class="col-md-4 Works-grid">
							<img src="images/e3.jpg" class="img-responsive" alt=""/>
						<p>杭州本地人整理的实用攻略~收藏起来慢慢打卡吧杭州的浪漫很简单可以是一把长椅是一排梧桐是一辆1314公交是一场日落是西湖的一个转角来一次吧，绝对让你爱上杭州杭州避雷防坑</p>
						</div>
							<div class="clearfix"></div>
						</div>
					</div>
				<div class="clearfix"></div>
			</div>
			</div>
		</div>
	</div>
		<!--footer-->
				<div class="footer-section-wthree-agile">
					<div class="container">
						<div class="social-icons">
							<a href="#"><i class="icon1"></i></a>
							<a href="#"><i class="icon2"></i></a>
							<a href="#"><i class="icon3"></i></a>
							<a href="#"><i class="icon4"></i></a>
						</div>
						<div class="footer-top-w3ls-agileits">
							
						</div>						
					</div>
				</div>
			<!--footer-->
</body>
</html>
